:root {
  // 空白
  --blank-color: #fff;
  // 默认
  --default-color: #fff;
  // 首选
  --primary-color: #00b2ff;
  // 成功
  --success-color: #03a703;
  // 失败
  --fail-color: #ff2222;
  // 警告
  --warn-color: #ffbf00;
  // 消息
  --message-point-color: red;
  // 消息文本
  --message-point-text-color: white;
  // 文本
  --text-color: #555;
  //文本高亮颜色
  --highlight-text-color: var(--primary-color);
  // 按钮文本
  --default-button-text-color: #555;
  --primary-button-text-color: #fff;
  --success-button-text-color: #fff;
  --fail-button-text-color: #fff;
  --warn-button-text-color: #fff;
  //按钮边框
  --default-button-border-color: #ddd;
  --primary-button-border-color: none;
  --success-button-border-color: none;
  --fail-button-border-color: none;
  --warn-button-border-color: none;
  // 输入框
  --input-color: #fff;
  // 卡片
  --card-color: #fff;
  //标题栏
  --title-bar-color: #737373;
  //标题栏文本
  --title-bar-text-color: #fff;
  //导航栏
  --nav-bar-color: #737373;
  //导航栏文本
  --nav-bar-text-color: #fff;
  //边框颜色
  --border-color: #ddd;
  //Icon填充
  --icon-fill-color: rgba(150, 150, 150, 0.5);
  //Icon线条
  --icon-stroke-color: #fff;
  //Tree
  --afast-tree-bg-color: #FFF;
  --afast-tree-hover-bg-color: #d4d4d4;
  --afast-tree-active-bg-color: #d4d4d4;
}
//鼠标悬停状态
.use-hover:hover,
*.__hover {
  --default-color: #eee;
  --primary-color: #006b99;
  --success-color: #007f00;
  --fail-color: #8e0000;
  --warn-color: #b28601;
  --text-color: #333;
  --button-text-color: #eee;
  --nav-bar-color: #454545;
  --nav-bar-text-color: #fff;
  --icon-fill-color: rgba(30, 30, 30, 0.5);
  --icon-stroke-color: #fff;
}
//焦点状态
.use-focus:focus,
*.__focus {
  --input-color: #ededed;
}
//激活状态
*.__active {
  --nav-bar-color: #454545;
  --nav-bar-text-color: #fff;
}
